<template>
  <div>
    <a-skeleton />
    <br>
    <a-button @click="loading=!loading">点击我</a-button>
    <a-skeleton
      :paragraph="{ rows: 0 }"
      active
      :loading="loading"
    >

      <div>这里是内容</div>
    </a-skeleton>
    <a-skeleton-button
      :active="active"
      :size="size"
      :shape="buttonShape"
    />
    <a-skeleton-avatar
      :active="active"
      :size="size"
      :shape="avatarShape"
    />
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
      loading: true,
      active: true,
      size: 'Large',
      avatarShape: 'Square',
      buttonShape: 'Round',

    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
